﻿<%@ page language="java" pageEncoding="utf-8"%>
<%@ page import="java.util.*" %>
<%@ taglib uri="http://struts.apache.org/tags-bean" prefix="bean" %>
<%@ taglib uri="http://struts.apache.org/tags-html" prefix="html" %>
<%@ taglib uri="http://struts.apache.org/tags-logic" prefix="logic" %>
<%@ taglib uri="http://struts.apache.org/tags-tiles" prefix="tiles" %>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>奋青网-致力于创造无悔的青春</title>
<link href="css/Main.css" rel="stylesheet" type="text/css" />
<link href="css/Index.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="js/Jquery-1-5-2.js"></script>
<script type="text/javascript" src="js/Main.js"></script>
<script type="text/javascript" src="js/Index.js"></script>
<script type="text/javascript">
<!--
	function getType(){
		var type = document.form1.type ;
		var action = document.form1.action ;
		action = action.value ;
		var form = document.form1 ;
		if(type.value==2){
			form.action="/jsp/Active";
		}else if(type.value==1){
			form.action="/jsp/ArticleList";
		}
	}
-->
</script>
</head>
<body>
<div id="Top">
  <div class="Top_all"> <a href="#"><img src="images/LOGO.jpg"/></a>
    <ul id="Top_Nav">
      <li><a href="/jsp/Index">首页</a></li>
      <li><a href="#">圈子</a></li>
      <li><a href="#">发现</a></li>
    </ul>
    <ul id="Second_Menu">
      	<li><a href="#">优秀社团</a><li>
      	<li><a href="#">对味奋青</a><li>
      	<li><a href="#">有趣活动</a><li>
      </ul>
    <div id="Search">
      <div class="Search_l"></div>
      <form name="form1" method="post" action="" onsubmit="getType();">
      	<input type="hidden" name="action" value="search" />
        <input type="text" id="Search_Box" name="content" value="搜索社团、文章、活动..."/>
        <img src="images/search_btn.jpg" id="Search_Btn"/>
        <input type="hidden" value="0" id="Search_What" name="type"/>  <!--传送搜索类型参数-->
      </form>
    </div>
    <div id="Search_Option">
    	<p class="Search_Option_Hover"><img src="images/search_hover0.jpg"/>包含<span></span>的社团</p>
    	<p><img src="images/search_hover1.jpg"/>包含<span></span>的帖子</p>
    	<p><img src="images/search_hover2.jpg"/>包含<span></span>的活动</p>
    </div>
    <div id="User_Top">
    <c:choose>
    	<c:when test="${not empty sessionScope.user}">
    	<c:forEach items="${requestScope.login}" var="login">
    		<img src="${login.uphoto}"/><a href="#">${login.uname}</a>
        	<ul id="User_Info_Box">
	        	<li><a href="/jsp/Pro?uid=${login.uid}"><img src="images/home.jpg"/>个人主页</a></li>
	        	<li><a href="/jsp/Pro?uid=${login.uid}&lx=private"><img src="images/sms.jpg"/>私信</a></li>
	        	<li><a href="/jsp/Pro?uid=${login.uid}&lx=edit"><img src="images/control.jpg"/>设置</a></li>
	        	<li><a href="/jsp/Logout.jsp"><img src="images/logout.jpg"/>注销</a></li>
        	</ul>
        </c:forEach>
    	</c:when>
   	 	<c:otherwise>
    		<a href="/jsp/Entrance.html">您还未登录</a>
    	</c:otherwise>
    </c:choose>
    </div>
    <img src="images/help.jpg" id="Help_Btn" title="帮助中心"/> </div>
</div>
<!--头部结束-->
<ul id="Banner">
  <ul id="Banner_List">
    <li style="border:1px solid #09F;"></li>
    <li></li>
    <li></li>
    <li></li>
  </ul>
  <li class="Banner_Img" style="z-index:4;"><a href="#"><img src="images/banner_1.jpg"/></a></li>
  <li class="Banner_Img"><a href="#"><img src="images/banner_2.jpg"/></a></li>
  <li class="Banner_Img"><a href="#"><img src="images/banner_3.jpg"/></a></li>
  <li class="Banner_Img"><a href="#"><img src="images/banner_4.jpg"/></a></li>
</ul>
<div class="Banner_Bottom"></div>
<!--Banner结束-->
<div class="Index_Big"> 
  <!--左边部分-->
  <div class="Index_Div">
    <div class="Index_Title_l_1"></div>
    <div class="Index_Main_Left">
      <ul id="Club_List">
        <li><span class="Club_Text_Bg">电子协会<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_1.jpg"/></a></li>
        <li><span class="Club_Text_Bg">风铃文苑<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_2.jpg"/></a></li>
        <li><span class="Club_Text_Bg">物流协会<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_3.jpg"/></a></li>
        <li><span class="Club_Text_Bg">机械创新工作室<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_4.jpg"/></a></li>
        <li><span class="Club_Text_Bg">东旭工作室<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_5.jpg"/></a></li>
        <li><span class="Club_Text_Bg">青苹果剧团<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_6.jpg"/></a></li>
        <li><span class="Club_Text_Bg" title="342">建筑图学和营造<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_7.jpg"/></a></li>
        <li><span class="Club_Text_Bg">平面公社<p class="Club_Levle">五星级社团</p></span><a href="#"><img src="images/club_8.jpg"/></a></li>
      </ul>
      <div class="Index_Title_l_2"></div>
      <div class="Index_Article">
       <c:forEach items="${requestScope.problem}" var="pro" end="0">
        <p class="Article_Head"><a href="/jsp/Post?pid=${pro.pid}">${pro.ptitle}</a></p>
      </c:forEach>
        <ul class="Article_List" style="padding-right:10px;">
           <c:forEach items="${requestScope.problem}" var="pro" begin="1" end="9">
          	<li><a href="/jsp/Post?pid=${pro.pid}">${pro.ptitle}</a></li>
          	<c:if test="${pro.number==5}">
          		</ul>
        		<ul class="Article_List">
          	</c:if>
        </c:forEach>
        </ul> 
      </div>
      <div class="Index_Title_l_3"></div>
      <div class="Index_Article">
      
      <c:forEach items="${requestScope.card}" var="card" end="0">
        <p class="Article_Head"><a href="/jsp/QApage?pid=${card.cdid}">${card.cdtitle}</a></p>
       </c:forEach>
        <ul class="Article_List" style="padding-right:10px;">
        <c:forEach items="${requestScope.card}" var="card" begin="1" end="9">
          	<li><a href="/jsp/QApage?pid=${card.cdid}">${card.cdtitle}</a></li>
          	<c:if test="${card.number==5}">
          		</ul>
        		<ul class="Article_List">
          	</c:if>
        </c:forEach>
        </ul>
      </div>
    </div>
  </div>
  <!--右边部分-->
  <div class="Index_Div" style="width:291px;">
    <div class="Index_Title_r_1"></div>
    <div class="Index_Main_Right">
    	<div id="Top_List">
        <ul>
    	<c:forEach items="${requestScope.person}" var="peo" end="9">
    		<li class="Top_Leave"><span>${peo.pid}</span><a href="/jsp/Pro?uid=${peo.uid}"><img src="${peo.uphoto}"/></a><a href="/jsp/Pro?uid=${peo.uid}">${peo.uname}</a><p>社团：${peo.ucid}</p></li>
        </c:forEach>
        </ul>
        </div>
        <div class="Index_Title_r_2"></div>
        <div class="Hot_Active">
            <c:forEach items="${requestScope.hd}" var="hd" end="4">
    			<c:choose>
    				<c:when test="${hd.pid<4}">
    					 <a href="/jsp/Active"><img src="images/active_pic.jpg"/><span>${hd.aname}</span><p>地点：${hd.awhere}</p></a>
    				</c:when>
    				<c:otherwise>
    					 <a href="jsp/Active"><img src="images/active_pic.jpg"/><span>${hd.aname}</span><p>地点：${hd.awhere}</p></a>
    				</c:otherwise>
    			</c:choose>
        	</c:forEach>
    		<c:if test="${empty requestScope.hd}">
        		<a href="#">暂无最新活动</a>
        	</c:if>
        </div>
    </div>
  </div>
  <div class="Index_Bottom"></div>
</div>
<div class="Bottom">
<p><a href="#"><img src="images/LOGO_gray.jpg" align="left"/></a>
<a href="#">奋青首页</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">社团中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">交流圈子</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">活动中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">帮助中心</a>&nbsp;&nbsp;|&nbsp;&nbsp;<a href="#">使用反馈</a>&nbsp;&nbsp;|&nbsp;&nbsp;联系我们：<a href="mailto:scdzwyxst@gmail.com">scdzwyxst@gmail.com</a>&nbsp;&nbsp;<br />
  CopyRight&copy;&nbsp;2012&nbsp;MayDay  All Rights Reserved</p>
</div>
</body>
</html>
